<template>
	<div class="hello_order">
		<div class="order_title clearfix">
			<span @click="goBack" class="left">返回</span>
			<div>我的订单</div>
		</div>
		<div class="order_data">
			<ul class="order_item clearfix">
				<li class="left" @click="goTotal">全部</li>
				<li class="left" @click="goNopay">未支付</li>
				<li class="left" @click="goPaid">已支付</li>
			</ul>
			<div class="paid">
				<div class="clearfix paid_title">
					<div class="left game_name">赛事名称</div>
					<div class="right pay">已支付</div>
				</div>
				<div class="clearfix order_contant">
					<img src="../../../assets/u5020.png" class="left" alt="" />
					<div class="left">
						<div class="username">王静</div>
						<div class="level">5段</div>
					</div>
					<div class="right  paid_money">￥600.00</div>
				</div>
				<div class="clearfix order_contant">
					<img src="../../../assets/u5020.png" class="left" alt="" />
					<div class="left">
						<div class="username">王静</div>
						<div class="level">5段</div>
					</div>
					<div class="right  paid_money">￥600.00</div>
				</div>
				<div class="paid_total">
					合计:<span>￥1200.00</span>
				</div>
				
			</div>
		</div>
	</div>
</template>

<script>
	export default{
		data() {
			return {
				selected:true
			}
		},
		methods:{
			goBack:function(){
				this.$router.push({path:'/myapp'})
			},
			goOrderDetail:function(){
				this.$router.push({path:'/orderdetail'})
			},
			goTotal:function(){
				this.$router.push({path:'/total'})
			},
			goNopay:function(){
				this.$router.push({path:'/nopay'})
			},
			goPaid:function(){
				this.$router.push({path:'/paid'})
			},
		}
	}
</script>

<style>
	.paid{
		border-top: 1px solid #ccc;
	}
</style>